<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>Thunder旅游社交系统首页</title>
	<meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css" />
	
	<style type="text/css">
	a:link,a:visited{ text-decoration:none;  /*超链接无下划线*/}a:hover{ text-decoration:		underline;  /*鼠标放上去有下划线*/}
    </style>

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
	
	<!-- JS
	================================================== -->
	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script src="js/superfish.js"></script>
	<script src="js/jquery.flexslider.js"></script>
	<script src="js/jquery.tweet.js"></script>
	<script src="js/selectnav.js"></script>
	<script src="js/jquery.fancybox.js"></script>
	<script src="js/functions.js"></script>
	<script>
		$(document).ready(function() {
			$(".slider .flexslider").flexslider({
				animation: "slide"
			});
		});
	</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

	<div id="wrapper">
	
		
		<div class="main">
		<div class="container">
		
				<!-- Header - Phone & Social
				================================================== -->	
				<div class="sixteen columns header">
					<div class="phone"><a href="blog_index.html">|进入个人中心</a></div>
					<div class="phone"><a href="register.html">|注册</a></div>
					<div class="phone"><a href="login.html">|登录</a></div>
				</div>
				<div class="clear"></div>
				<div class="des">找网站模板就上<a href="http://cssmoban.com/">模板之家</a></div>
				<!-- Header - Logo & Navigation
				================================================== -->
				<div class="sixteen columns top">
					<div class="logo four columns alpha"><a href="http://cssmoban.com/"><img src="images/logo.png" alt="" height="20px" width="180px"/></a></div>
					<div class="navigation twelve columns alpha omega">
						<ul id="nav" class="sf-menu sf-shadow">
							<li><a data-description="Index Page" href="index.html">首页</a></li>
							<li>
								<a data-description="Memory" href="memory.html">旅游记忆</a>
								<ul>
									<li><a href="photoAlbum.html">旅游相册</a></li>
									<li><a href="services.html">旅游心情</a></li>
									<li><a href="testimonials.html">评论我的</a></li>
									<li><a href="pricing.html">游记</a></li>
									<!--<li>
										<a href="#">3rd Level</a>
										<ul>
											<li><a href="#">Third Level</a>
											</li><li><a href="#">Element</a>
											</li><li><a href="#">Here</a>
										</li></ul>
									
									</li>-->
								</ul>
							
							<li class="active">
								<a data-description="Activity" href="activity-1.html">发起活动</a>
							</li>
							<li>
								<a data-description="Strategy" href="strategyIndex.html">旅游攻略</a>
								<ul>
									<li><a href="strategyCreate.html">创建攻略</a></li>
									<li><a href="strategyPersonal.html">管理攻略</a></li>
								</ul>
							</li>
							<li><a data-description="Search" href="contact.html">旅游查询</a></li>
						</li>
						</ul>
					</div>
					<div class="clear"></div>
					<div id="separator"><span></span></div> 
					
				</div>
				<div class="clear"></div>
				
				<!-- Slider
				================================================== -->
				<div class="sixteen columns  slider clearfix">
						<div class="flexslider">
							<ul class="slides">
							    <li>
									<a href="#"><img src="images/slider/slider_image1.jpg" alt="" /></a>
									<div class="flex-caption">热带椰林</div>
								</li>
							    <li>
									<a href="#"><img src="images/slider/slider_image2.jpg" alt="" /></a>
									<div class="flex-caption">水乡古镇夜景</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image3.jpg" alt="" /></a>
									<div class="flex-caption">西部辽阔风光</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image4.jpg" alt="" /></a>
									<div class="flex-caption">山石云海</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image5.jpg" alt="" /></a>
									<div class="flex-caption">沙漠异域风情</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image6.jpg" alt="" /></a>
									<div class="flex-caption">壮阔梯田</div>
								</li>
							</ul>
						</div>
				</div>
				<div class="clear"></div>
				
				
				

				<!-- Blog Page Title
				================================================== -->
				<div class="sixteen columns">
					<h2 class="separator_title"><span>活动模块</span></h2>
					<div class="separator"><div class="green"></div><div class="grey"></div></div>
				</div>
				<!-- END Blog Page Title -->
				
				
				<!-- Blog Content
				================================================== -->
				<div class="blog_content twelve columns row">
						
                    <div class="post twelve columns row alpha">
						<div class="service one-third column row alpha">
							<div class="icon left"><img src="images/avatars/1.jpg" alt="" />
                            <span class="title left">&nbsp;&nbsp;&nbsp;&nbsp;
                            <span class="STYLE7">我感兴趣的活动</span>&nbsp;&nbsp;&gt;
                            <a href="activity-mine1.html">参加</a>&nbsp;&nbsp; &gt;
                            <a href="activity-mine3.html">发起</a></span></div>
							<div class="title left"></div>
							<div class="description"></div>
					</div>
                        <div class="details twelve columns alpha">
							<a class="" href="#"><span class="STYLE15">可参加 </span>(1)</a>
							<a class="" href="#"><span class="STYLE15">已过期 </span>(12)</a>						</div>
						
					</div>
					
					
					<div>
                    <div class="eight columns row alpha">
						<h4 class="page_headline">七月</h4>
						<a class="fancybox" href="images/portfolio/portfolio2_3.png">
                        <img class="align_left" src="images/portfolio/portfolio2_3.png" 
                        alt="" width="150" height="120" /></a>
						<p> 
                        	<a href="#">安芯义工旅行300天</a></br></br>
                            时间：2012年7月05日 ~ 2013年6月30日 </br>
                            地点：黄浦区 全国巡回 北京 上海 南京 宁波 </br></br>
                             <a href="#">删除</a></br>
                        </p>
					</div>
                    <div class="eight columns row alpha">
						<h4 class="page_headline">六月</h4>
						<a class="fancybox" href="images/portfolio/portfolio2_3.png">
                        <img class="align_left" src="images/portfolio/portfolio2_3.png" 
                        alt="" width="150" height="120" /></a>
						<p> 
                        	<a href="#">大鱼告诉你——台湾自助游该怎么玩！</a></br></br>
                            时间：2012年6月05日 </br>
                            地点：北京市丰台区南三环东路23号天创公馆2号楼 </br></br>
                             <a href="#">删除</a></br>
                        </p>
                        
                       
					</div>
                    <!--
						<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="965">
							<tr>
								<td rowspan="3" height="60" width="70" valign="middle">
									<img src="images/avatars/2.jpg" width="60" height="60"/>
								</td>
								<td valign="middle">
									<table height="60" width="500">
										<tr>
											<td><span class="STYLE2"> 用户名 </td>
										</tr>
										<tr>
											<td>这个网站真好</td>
										</tr>
										<tr> 
											<td>发表日期：2013年7月4日 <span class="STYLE2"> 来自：网页端</td>
										</tr>
										
									</table>
								</td>
							</tr>
							<tr>
								<td width="500"><span class="STYLE4">----------------------------------------------------------------------------------------------------------------------------------</td>
							</tr>
														
						</table>-->
						
						
						
						
					</div>
					
					
					
					<div class="pagination sixteen columns row alpha">
						<a class="active" href="#">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<a class="next" href="#">Next</a>
					</div>
					
				</div>
				<!-- END Blog Content -->
				
				
				<!-- Blog Sidebar
				================================================== -->
				<div class="blog_sidebar four columns row">
					
					
					
					<div class="categories four columns alpha">
						<div class="title"><a href="activity-mine.html" class="STYLE1">>去我的活动首页</a></div>					
					</div>
										
					<div class="sidebar six columns omega">
					
					</p>
																									
					
				
					
					
				</div>
				<!-- END Blog Content -->
			
				
			
		</div>
		<!-- END container -->
		<a id="goto_top" href="#"></a>
		</div>
		<!-- END main -->
		
	</div>
	<!-- END wrapper -->

	<div id="footer">
		<div id="f_line"></div>
		<div class="container">
			<div class="footer sixteen columns">
				<div class="three columns alpha">
					<h3>NAVIGATE</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Services</a></li>
						<li><a href="#">Portfolio</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contacts</a></li>
					</ul>
				</div>
				
				<div class="three columns">
					<h3>POWERED BY</h3>
					<ul>
						<li><a href="#">PHP</a></li>
						<li><a href="#">MySQL</a></li>
						<li><a href="#">Apache</a></li>
						<li><a href="#">Wordpress</a></li>
						<li><a href="#">Linux</a></li>
					</ul>
				</div>
				
				<div class="social three columns">
					<h3>WE'RE SOCIAL</h3>
					<ul>
						<li><a class="twitter" href="#">Twitter</a></li>
						<li><a class="facebook" href="#">Facebook</a></li>
						<li><a class="flickr" href="#">Flickr</a></li>
						<li><a class="rss" href="#">RSS Feed</a></li>
					</ul>
				</div>
				
				<div class="facebook_box seven columns omega">
					
				</div> 
				
			</div>
		</div>		
	</div>
	<div id="footer_bottom">
		<div class="container">
			<div class="sixteen columns">
				<div class="copyright ten columns alpha">Copyright &copy; 2012 Frontline Theme Demo. All Rights Reserved</div>
				<div class="links six columns alpha omega">
					<a href="#">Sitemap</a> | <a href="#">Privacy</a> | <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
				</div>
			</div>
		</div>
	</div>
	<!-- END footer -->

</body>
</html>